<template>
	<view class="content">
		<HeaderNav :searchShow="true"></HeaderNav>

		<TabList :tabList="tabList" :swiperList='swiperList' :renderList='renderList'></TabList>

		<Footer></Footer>
	</view>
</template>

<script setup>
import { ref, reactive,onMounted } from 'vue';
import HeaderNav from '../../components/headerNav.vue';
import Footer from '../../components/footer.vue';
import TabList from '../../components/tabList.vue';

let tabList = ref([
	{
		name: '首页推荐',
	},
	{
		name: '排行榜单',
	},
]);
let swiperList = ref([{
  image: 'https://hi77-overseas.mangafuna.xyz/recommend/2023/03/16780267850978.jpg',
  title: '昨夜星辰昨夜风，画楼西畔桂堂东',
}, {
  image: 'https://hi77-overseas.mangafuna.xyz/recommend/2023/03/16780267850978.jpg',
  title: '身无彩凤双飞翼，心有灵犀一点通'
}, {
  image: 'https://hi77-overseas.mangafuna.xyz/recommend/2023/03/16780267850978.jpg',
  title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
}])

let renderList = reactive([
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
	{
		name: 'photo',
		title: '图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图图片',
		src: 'https://hi77-overseas.mangafuna.xyz/woduzishenji/cover/1651527590.jpg.328x422.jpg',
	},
]);

</script>

<style lang="scss" scoped>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
</style>
